<template>
	<div class="btns" v-if="visible">
		<el-divider content-position="left" v-if="showTitle">{{title}}</el-divider>
		<slot></slot>
		<div class="foots" v-if="showFoots">
			<slot name="foots"></slot>
		</div>
		
	</div>
	
	
</template>

<script>
	export default {
		data(){
			return{
				index:0,
			}
		},
		props: {
			visible: {
				type: Boolean,
				default: false
			},
			showTitle: {
				type:Boolean,
				default: true
			},
			title: {
				type:String,
				default:''
			},
			showFoots: {
				type:Boolean,
				default: true
			}
		},
		watch:{
			
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
	.btns > .el-button{
		margin-bottom:8px;
	}
	.btns{
		margin-bottom:8px;
		padding-bottom:8px;
		border-bottom: 1px solid #e5e5e5;
		.el-input{
			width:160px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.el-select{
			width:160px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.el-button+.el-button{
			margin-left:8px;
		}
		.foots{
			width:100%;
			border-top:1px solid #e5e5e5;
			padding-top:8px;
		}
	}
</style>
